<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/axios.min.js"></script>
</head>
<body>
    <button>发送请求1</button>
    <button>发送请求2</button>
</body>
<script>
    // [请求拦截函数，发送请求函数，响应拦截函数]
    // Promise.resolve(config).then(请求拦截函数).then(发送请求函数).then(响应拦截函数)

    // 全局配置不适应于 动态配置信息
    // axios.defaults.headers = {
	// 	token:"abcd"
    // }
    const btns = document.querySelectorAll("button");
	// 请求拦截:接收的参数即是配置对象，往往在请求拦截中需要对配置对象进行二次处理
    axios.interceptors.request.use(function(config){
		config.headers.token = "lalalala";// 更改配置
		return config;// 返回最新的配置信息用于发送请求
    })
    // 响应拦截:拦截的是响应对象，可以对响应对象进行处理。响应拦截器函数返回的值即是axios.get最终得到的成功值
    axios.interceptors.response.use(function(response){
		return response.data;
    })
    btns[0].onclick = async function(){
		const  data= await axios.get("http://localhost:63342/code/lib/zhang.js",{
			// headers:{
			// 	token:"abc"
            // }
        });
		console.log(data);
    }
	btns[1].onclick = async function(){
		const data= await axios.get("http://localhost:63342/code/lib/zhang.js",{
			// headers:{
			// 	token:"abc"
			// }
		});
		console.log(data);
	}
</script>
</html>